<!DOCTYPE html>
<html>
  <head>
    <title>Dicoogle web plugin test chamber</title>
    
    <script src='./document-register-element.js'></script>
    <script src='./require.js'></script>
    <script src='../../dist/dicoogle-webcore.js'></script>
    <style>
      div.slotdiv {
        margin-right: auto;
        max-width: 16cm;
        width: 100%;
        border-style: ridge;
        border-width: 4px;
        border-color: #4499CC;
        padding: 8px;
      }
    </style>
  </head>
  <body>
    <h2>Test Chamber</h2>
    <p>This page holds a Dicoogle Web UI slot with the slot id <tt>fordummy</tt>.
    If you are hosting this web page directly through the Dicoogle server, then any plugin for this slot will be loaded
    automatically. Otherwise, try setting the server's base URL (in the code) and allow CORS on your browser.</p>
    
    <div class="slotdiv">
      <dicoogle-slot data-slot-id='fordummy'></dicoogle-slot>
    </div>
    
    <script>
      require(['dicoogle-webcore'], function(DicoogleWeb) {
        DicoogleWeb.init('http://localhost:8080/');
      });
    </script>
  </body>
</html>
